<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<link rel="stylesheet" href="__CSS__/ex/common.css">
	<link rel="stylesheet" href="__CSS__/ex/login.css">
	<title>WESTGOLDB.EXC</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>

<body style="padding-top: 38px">
	<div class="login" style="background:#1A68B3;">
		<div class="header">
			<div class="header_left"><a href="javascript:history.back(-1)"><img src="__IMG__/ex/back.png" alt=""></a></div>
			<p style="">Create Your Smart Finance</p>
            <!--<p style="padding-left: 3.5rem;float: right;">开户</p>-->
			<div class="header_right"></div>
		</div>
		<div class="loginform register">
            <div class="form_content username">
                <img src="__IMG__/ex/user.png" alt="">
                <div class="line"></div>
                <input type="text" placeholder="请输入账号" id="username">
            </div>
            <!--<div class="form_content username">-->
                <!--<img src="__IMG__/ex/pay.png" alt="">-->
                <!--<div class="line"></div>-->
                <!--<input type="text" placeholder="请输入钱包名称" id="wallet_name">-->
            <!--</div>-->
            <!--<div class="form_content username">-->
                <!--<img src="__IMG__/ex/mobile.png" alt="">-->
                <!--<div class="line"></div>-->
                <!--<select class="selectchoose" name="phone_ex" id="phone_ex" style="width: 1.3rem">-->
                    <!--<volist name="mobile_prefix" id="vv">-->
                        <!--<option value="{$vv.mobile_prefix}">+{$vv.mobile_prefix}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{$vv.country}</option>-->
                    <!--</volist>-->
<!--                    <option value="86">+86</option>-->
<!--                    <option value="0084">+0084</option>-->
<!--                    <option value="0060">+0060</option>-->
<!--                    <option value="00855">+00855 </option>-->
<!--                    <option value="0066">+0066</option>-->
<!--                    <option value="0065">+0065</option>-->
<!--                    <option value="0081">+0081</option>-->
<!--                    <option value="0082">+0082</option>-->
<!--                    <option value="00856">+00856</option>-->
<!--                    <option value="0095">+0095</option>-->
<!--                    <option value="00886">+00886</option>-->
<!--                    <option value="001">+001</option>-->
<!--                    <option value="0049">+0049</option>-->
<!--                    <option value="0033">+0033</option>-->
                <!--</select>-->
                <!--<input type="text" placeholder="请输入手机号 " id="phone">-->
            <!--</div>-->
            <!--<div class="form_content username">-->
                <!--<img src="__IMG__/ex/pwd.png" alt="">-->
                <!--<div class="line"></div>-->
                <!--<input type="number" name="code2" class="input-1 code" id="code" placeholder="请输入验证码" style="width: 50%" />-->
                <!--<div class="line"></div>-->
                <!--<div class="getCode get-code" style="color: white;width: 40%;text-align: center" id="getCode">获取验证码</div>-->
            <!--</div>-->
            <div class="form_content username">
                <img src="__IMG__/ex/pwd.png" alt="">
                <div class="line"></div>
                <input type="email" placeholder="请输入邮箱 " id="email">
            </div>
            <div class="form_content username">
                <img src="__IMG__/ex/pwd.png" alt="">
                <div class="line"></div>
                <input type="number" name="code2" class="input-1 code" id="code1" placeholder="请输入验证码" style="width: 50%" />
                <div class="line"></div>
                <div class="getCode1 get-code" style="color: white;width: 40%;text-align: center" id="getCode1">获取验证码</div>
            </div>
            <div class="form_content username">
                <img src="__IMG__/ex/pwd.png" alt="">
                <div class="line"></div>
                <input type="password" placeholder="密码至少8位（包含大小写字母和数字）" id="password" style="font-size: 0.28rem;">
            </div>
            <div class="form_content username">
                <img src="__IMG__/ex/pwd.png" alt="">
                <div class="line"></div>
                <input type="password" placeholder="密码至少8位（包含大小写字母和数字）" id="password_re" style="font-size: 0.28rem;">
            </div>
            <div class="form_content username">
                <img src="__IMG__/ex/pay.png" alt="">
                <div class="line"></div>
                <input type="password" placeholder="请输入支付密码 " id="password2">
            </div>
            <div class="form_content username">
                <img src="__IMG__/ex/recom.png" alt="">
                <div class="line"></div>
                <input type="text" placeholder="请输入邀请码 " id="higher" value="{$higher}">
            </div>
            <div class="" style="color: white;text-align: left;padding-left: 10%">
                <input type="checkbox" name="" id="check" style="-webkit-appearance: checkbox;" />&nbsp;&nbsp;<span id="open">创建账户声明</span>
            </div>

			<div class="btn login_btn lsub" id="sub">创建账户</div>
		</div>
	</div>
    <style>
        .selectchoose{
            background-color: transparent;
            color: #A9A9A9;
            border: 1px solid #eaeaea;
            height: .6rem;
            line-height: .6rem;
            -webkit-border-radius: .04rem;
            -moz-border-radius: .04rem;
            border-radius: .04rem;
            padding: 0 .08rem;
            margin-right: .08rem;
        }
        .header{
            justify-content: space-between;
        }
        .btn.login_btn.lsub{
            margin-top:.3rem
        }

    </style>
	<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <script src="/Public/lib/layer/layer.js"></script>
    <script>
        $(function() {
            //发送验证码
            $("#getCode").on('click', function () {
                var num = 60;
                var that = $(this);
                var phone = $('#phone').val();
                var phone_ex=$("#phone_ex").val();
                // console.log(phone_ex);return false;
                if (phone == '') {
                    alert('请输入注册的手机号码');
                }
                // else if (!(/^1[34578]\d{9}$/.test(phone))) {
                //     alert('手机号码格式不正确');
                // }
                else {
                    // var timer = setInterval(function () {
                    //     that.attr('id', '');
                    //     that.text(num + 's');
                    //     that.addClass('active');
                    //     num--;
                    //     if (num == 0) {
                    //         that.attr('id', 'getCode');
                    //         clearInterval(timer);
                    //         that.text('重新发送');
                    //     }
                    // }, 1000);
                    $.post("{:U('Public/sendCode2')}", {"phone": phone,"phone_ex":phone_ex}, function (data) {
                        alert(data.message);
                        console.log(data)
                        var timer = setInterval(function () {
                            that.attr('id', '');
                            that.text(num + 's');
                            that.addClass('active');
                            num--;
                            if (num == 0) {
                                that.attr('id', 'getCode');
                                clearInterval(timer);
                                that.text('重新发送');
                            }
                        }, 1000);
                    })
                }
            });
            $("#getCode1").on('click', function () {
                var num = 60;
                var that = $(this);
                var email = $('#email').val();
                if (email == '') {
                    alert('请输入注册的邮箱');
                }
                // else if (!(/^1[34578]\d{9}$/.test(phone))) {
                //     alert('手机号码格式不正确');
                // }
                else {
                    // var timer = setInterval(function () {
                    //     that.attr('id', '');
                    //     that.text(num + 's');
                    //     that.addClass('active');
                    //     num--;
                    //     if (num == 0) {
                    //         that.attr('id', 'getCode');
                    //         clearInterval(timer);
                    //         that.text('重新发送');
                    //     }
                    // }, 1000);
                    $.post("{:U('Public/send_email')}", {"email": email}, function (data) {
                        alert(data.message);
                        console.log(data)
                        var timer = setInterval(function () {
                            that.attr('id', '');
                            that.text(num + 's');
                            that.addClass('active');
                            num--;
                            if (num == 0) {
                                that.attr('id', 'getCode1');
                                clearInterval(timer);
                                that.text('重新发送');
                            }
                        }, 1000);
                    })
                }
            });
            $("#open").click(function () {
                layer.open({
                    type:1,
                    anim:1,
                    area:['80%','80%'],
                    // title:'开户协议',
                    title:'创建账户声明',
                    content:'<div style="padding: 0 .3rem"><p>' +
                            // '<h1>HBK创建声明</h1>' +
                            '<br/><b>接受条款</b><br/>'+
                        ' <br/>我们为您提供的咨询服务须受以下使用条款的约束。并保留随时更新的权利，恕不另行通知。<br/>' +
                            '<br/><b>服务说明</b><br/>'+
                        '<br/>通过其网络咨询服务，我们允许您共享各种资源，包括线上线下资源共享交流论坛和产品信息（以下统称为“服务”）。服务（包括任何更新或增加任何新网络信息）都须受无条件约束。<br/>' +
                            '<br/><b>服务的使用</b><br/>'+
                        '<br/>服务可能包括咨询服务或其他消息仅供用户参考相关的信息和资料。<br/>' +
                        '<br/>1.用户确认所提供的所有信息都是真实，正确和完整的。<br/>' +
                        '<br/>2.在创建时，用户已经获得了相关条款和条件即将受相关条款和条件的约束。经用户确认已经阅读、理解和接受上述条款和条件。<br/>' +
                        '<br/>3.若用户的邮箱和其他信息发生更改，用户将联系客服并重新提交申请以更新上述信息。<br/>' +
                        '<br/>4.用户在此同意，我们有权按照不时通知的费率向用户提供的服务收费。所有应收费用均从用户的账户中扣除，服务费将由我们代扣，服务费将根据各国政府政策法律规定进行相应调整。<br/>' +
                        '<br/>5.用户声明，用户在开设账户时未曾有任何破产行为。 <br/>' +
                        '<br/>6.对于发送给用户的邮件信息，用户同意检查并将任何相关的信息反馈。<br/>' +
                        '<br/>7.用户账户存在异常我们有权关闭用户的所有往来。<br/>' +
                        '<br/>8.最终解释权归我们所有。<br/>' +
                        '<br/><b>个人和非商业用途限制</b><br/>'+
                        '<br/>服务只适用于个人与非商业用途。对于从服务取得的任何信息、产品或服务，您不得对其修改、复制、分发、传送、显示、执行、公布、许可、转让、销售或基于以上内容创建衍生产品。<br/>' +
                        '<br/><b>隐私和个人信息保护</b><br/>'+
                        '<br/>我们十分重视你的隐私。本隐私声明阐述我们处理的个人数据以及处理个人数据的方式和目的。<br/>' +
                        '<br/><b>有关本网站提供的服务声明</b><br/>'+
                        '<br/>本网站（以下简称“我们”），我们仅为用户提供咨询服务。如果最终用户自己产生的任何与我们无关的所有往来的均由用户承担，我们概不负责。我们提供的咨询服务最终仅供用户参考。法律明确禁止用户违反许可进行任何复制或再分发的行为，这种行为可能导致严重的民事和刑事处罚。违约者将受到最大可能的起诉。<br/>' +
                        '<br/><b>不得用于非法或禁止的用途</b><br/>'+
                        '<br/>您在使用服务时，不得将服务用于任何非法用途或这些条款、条件和声明禁止的用途。在使用服务时，不得以任何方式损坏、禁用、过载或妨碍任何我们所有权益。您不得通过任何手段获取或尝试获取服务未明确提供的任何资料或信息<p/>' +

                        '</div>',
                    btn:['已阅读'],
                })
            })
            $('#sub').click(function(){
                if (!$("#check").prop('checked')){
                    layer.msg('请先同意开户声明');
                    return false
                }
                var password = $("#password").val()
                // if (!/^[a-z0-9]{6,}$/.test(password)){
                if (!/[0-9A-Za-z]{8,}/.test(password)){
                    layer.msg('密码长度至少8位，且必须包含大小写字母和数字')
                    return  false
                }

                var password2 = $("#password2").val()
                // if (!/^[a-z0-9]{6,}$/.test(password)){
                if (!/[0-9A-Za-z]{8,}/.test(password2)){
                    layer.msg('支付密码长度至少8位，且必须包含大小写字母和数字')
                    return  false
                }
                $.ajax({
                    type:"post",
                    url:"{:U('register')}",
                    data:{
                        username:$('#username').val(),
                        // wallet_name:$("#wallet_name").val(),
                        // phone_ex:$("#phone_ex").val(),
                        // phone:$('#phone').val(),
                        // code:$('#code').val(),
                        code1:$('#code1').val(),
                        email:$('#email').val(),
                        password:$('#password').val(),
                        password_re:$("#password_re").val(),
                        password2:$('#password2').val(),
                        higher:$('#higher').val(),
                    },
                    dataType:"json",
                    success:function(data){
                        if(data.code==1){
                            alert(data.msg);
                        }else{
                            alert(data.msg);
                            window.location.href=data.data;
                        }
                    }
                });
            });

            $('#password_re').blur(function(){
                if($('#password').val() !== $('#password_re').val()){
                    layer.msg('两次密码输入不一致')
                }else{

                }

            })
        })
    </script>
</body>

</html>